<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Mercury</title>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Mercury - Simple One Page Personal" name="description">
<meta content="Mercury" name="author">
<script src="/common/js/commonCss.js"></script>
<script src="/common/js/common.js" type="text/javascript"></script>
</head>
<body>
<!--加载界面-->
<div id="preloader">
  <div id="status">
	<img alt="logo" src="/framework/images/logo-big.png">
  </div>
</div>
<!--/.PRELOADER END-->
<!--HEADER -->
<div class="header">
  <div class="for-sticky">
	<!--LOGO-->
	<div class="col-md-2 col-xs-6 logo">
	  <a th:href="@{/index}"><img alt="logo" class="logo-nav" src="/framework/images/logo.png"></a>
	</div>
	<!--/.LOGO END-->
  </div>
  <div class="menu-wrap">
	<nav class="menu">
	  <div class="menu-list">
		<a data-scroll="" href="#home" class="active">
		  <span>主页</span>
		</a>
		<a data-scroll="" href="#about">
		  <span>关于</span>
		</a>
		<a th:href="@{/articleController/showArticles}">
		  <span>我的文章</span>
		</a>
		<a th:href="@{/userController/showUsers}">
		  <span>个人信息</span>
		</a>
		<a  th:onclick="manageArticles()">
		  <span>管理文章</span>
		</a>
	  </div>
	</nav>
	<button class="close-button" id="close-button">Close Menu</button>
  </div>
  <button class="menu-button" id="open-button">
	<span></span>
	<span></span>
	<span></span>
  </button><!--/.for-sticky-->
</div>
<!--/.HEADER END-->

<!--CONTENT WRAP-->
<div class="content-wrap">
  <!--CONTENT-->
  <div class="content">

	<!--HOME-->
	<section id="home">
	  <div class="container">
		<div class="row">
		  <div class="wrap-hero-content">
			  <div class="hero-content">
				<h1>Hello&nbsp;<a th:href="@{/userController/showUsers}"><span th:text="${user.userName}"></span></a></h1>
				<br>
				<span class="typed"></span>
			  </div>
		  </div>
		  <div class="mouse-icon margin-20">
			<div class="scroll"></div>
		  </div>
		</div>
	  </div>
	</section>
	<!--/.HOME END-->

	  <!--ABOUT-->
	  <section id="about">
		  <div class="col-md-12 col-sm-24 col-xs-24 white-col">
			  <div class="row">
				  <!--OWL CAROUSEL2-->
				  <div class="owl-carousel2">
					  <div class="col-md-12">
						  <div class="wrap-about">
							  <div class="w-content">
								  <h5 class="name">
									 Mercury
								  </h5>
								  <p class="head-about">
										Love And Peace
								  </p>
								  <img alt="signature" src="/framework/images/signature.png">
							  </div>
						  </div>
					  </div>
				  </div>
				  <!--/.OWL CAROUSEL2 END-->
			  </div>
		  </div>
	  </section>
	  <!--/.ABOUT END-->
</div>
</div>
</body>
</html>